@import"./reset";
@function vw($px){
    @return $px/750*100vw
 };
.success {
    position: relative;
    width: vw(750);
    height: 100%;
    background: url('../img/背景.jpg')no-repeat center/cover ;
    .box{
        width: vw(598);
        height: vw(950);
        border: 1px solid #007eaa;
        border-radius: vw(10);
        box-shadow: vw(0) vw(4) vw(13) vw(5) rgba(0, 0, 0, 0.3);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        .name {
            position: relative;
            margin: 0 vw(26);
            margin-top: vw(129);
            width: vw(264);
            border-bottom:vw(2) solid  #434242;
            &::after {
                content: ":";
                position: absolute;
                right: 0;
                bottom: vw(10);
                font-size: vw(28);
                color: #434242;
                font-weight: bold;
            }
            span{
                display: block;
                text-align: center;
                font-size: vw(24);
            }
        }
        .title {
            margin: vw(66) vw(28);
            p{
            text-indent: 2em;
            font-size: vw(26);
            color: #434242;
            width: vw(560);
            }
        }
        .erweima{
            margin: 0 auto;
            width: vw(265);
            height: vw(305);
            display: flex;
            flex-direction: column;
            align-items: center;
            img {
                width: vw(265);
                height: vw(265);
                border: vw(4) solid #434242;
                width: 100%;
            }
            .btn {
                width: vw(187);
                background-color: #ffffff;
                text-align: center;
                line-height: vw(58);
                border-radius: vw(29);
                color: #0075c1;
                font-size: vw(24);
                margin-top: vw(20);
            }
            div{
                width: vw(598);
                display: flex;
                justify-content: space-around;
            }
        }
        .foot {
            position: absolute;
            top: vw(800);
            text-indent: 2em;
            font-size: vw(26);
            color: #434242;
            margin: vw(20) vw(24);
        }
    }
}    